<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>主机信息</title>
		<link rel="stylesheet" href="${ctx}/assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="${ctx}/assets/css/app.css">
		<link rel="stylesheet" href="${ctx}/assets/css/layer.css">
		<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="${ctx}/assets/css/taskRegister.css">
		<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/xcConfirm.css"/>
	</head>
	<body>
		<div class="form-main">
			<div class="form-header">
				<h4>主机信息</h4>
			</div>
			<div class="content">
				<div id="change_margin_1">
					<label for="hostName">主机名字</label>
					<input type="text" id="hostName" class="form-control" placeholder="主机名字" onblur="oBlur_1()" onfocus="oFocus_1()">
				</div>
				<!-- input的value为空时弹出提醒 -->
				<p id="remind_1"></p>

				<div id="change_margin_2">
					<label for="hostIp">主机IP</label>
					<input type="text" id="hostIp" class="form-control" placeholder="主机IP" onblur="oBlur_2()" onfocus="oFocus_2()">
				</div>
				<!-- input的value为空时弹出提醒 -->
				<p id="remind_2"></p>

				<!-- <div id="change_margin_3">
					<label for="hostMac">MAC地址</label>
					<input type="text" id="hostMac" class="form-control" placeholder="MAC地址" onblur="oBlur_3()" onfocus="oFocus_3()">
				</div> -->
				<!-- input的value为空时弹出提醒 -->
				<!-- <p id="remind_3"></p> -->

				<div id="change_margin_4">
					<label for="hostState">主机简介</label>
					<input type="text" id="hostState" class="form-control" placeholder="主机简介" onblur="oBlur_4()" onfocus="oFocus_4()">
				</div>
				<!-- input的value为空时弹出提醒 -->
				<p id="remind_4"></p>

				<label for="hostGroup">所在组</label>
				<select class="form-group form-control sl" multiple="multiple" id="hostGroup">
					<option value="" disabled="disabled" selected="selected">
						-请选择所属组
					</option>
				</select>
				<p id="remind_6"></p>
			</div>
			<hr>
			<div class="action mr20" style="float: right;" id="closeIframe">
				<ul class="actions-btn"><li class="green">取消</li></ul>
			</div>
			<div class="action mr20" style="float: right;" id="updateHost">
				<ul class="actions-btn"><li class="green">修改</li></ul>
			</div>
		</div>
		<script src="${ctx}/assets/js/jQuery/jquery.min.js"></script>
		<script src="${ctx}/assets/js/jQuery/jquery-1.9.1.js"></script>
		<script src="${ctx}/assets/js/common/xcConfirm.js"></script>
		<script src="${ctx}/assets/js/common/config.js"></script>
		<script src="${ctx}/assets/js/layer/layer.js"></script>
		<script src="${ctx}/assets/js/clusterMoniting/hostUpdate.js"></script>
	</body>
</html>